<template>
  <a-form :form="form">

    <a-row>
      <a-col :span="12">
        <!-- 采购价 -->
        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="采购价">
          <a-input style="width: 288px;margin-left: 5px;height: 50px;" v-decorator="[
          'username',
          { rules: [{ required: true, message: 'Please input your name' }] },
        ]" />
        </a-form-item>
      </a-col>
      <a-col :span="12">
        <!-- 分销价 -->
        <a-form-item :label-col="formItemLayout.labelCol" :wrapper-col="formItemLayout.wrapperCol" label="分销价">
          <a-input style="width: 288px;margin-left: 5px;height: 50px;" v-decorator="[
          'username',
          { rules: [{ required: true, message: 'Please input your name' }] },
        ]" />
        </a-form-item>
      </a-col>
    </a-row>

  </a-form>
</template>

<script>
const formItemLayout = {
  labelCol: { span: 4 },
  wrapperCol: { span: 8 },
};
const formTailLayout = {
  labelCol: { span: 4 },
  wrapperCol: { span: 8, offset: 4 },
};
export default {
  data() {
    return {
      checkNick: false,
      formItemLayout,
      formTailLayout,
      form: this.$form.createForm(this, { name: 'dynamic_rule' }),
    };
  },
  methods: {
    handleChange(e) {
      this.checkNick = e.target.checked;
      this.$nextTick(() => {
        this.form.validateFields(['nickname'], { force: true });
      });
    },
  },
};
</script>
<style lang="less">
.ant-input-affix-wraper .ant-input:focus {
  border: none;
}
/deep/.tox-tinymce {
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow: hidden;
  visibility: inherit !important;
  height: 725px !important;
}
</style>